<template>
  <div class="news">
    <h3>这是一个News组件标题</h3>
    <!-- 这种路由跳转方式依然可用 -->
    <button @click="$router.push('/home')">跳转到Home页面</button>
    <button @click="toAbout">跳转到Home页面</button>
  </div>
</template>

<script>
export default {
  name:'News',
  methods:{
    toAbout(){
      // 在这个地方是可以使用this的,也就是说和之前的方式是一样的
      this.$router.push('/home')
    }
  }
}
</script>

<style>
.news {
  width: 600px;
  height: 200px;
  background-color: orangered;
}
</style>